<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title><%= title %></title>
    <style type="text/css">
        body {
            padding-top: 40px;
            padding-bottom: 40px;
        }
        .test a:link {
             color: #000000;
        }
        .test a:visited {
            color: #000000;
        }
        .test a:hover {
            color: #000000;
        }
        .test a:active {
            color: #000000;
        }
    </style>
    <link href="/menu/css/lanrenzhijia.css" type="text/css" rel="stylesheet"/>
    <link rel='stylesheet' href='/stylesheets/bootstrap.css'/>

    <link href="/stylesheets/bootstrap-responsive.css" rel="stylesheet">
    <link rel="shortcut icon" href=""/>
    <!--ajax等待-->
    <link rel='stylesheet' href='/stylesheets/loading.css'/>
    <script src="/javascripts/jquery.js"></script>
    <script src="/javascripts/jquery.showloading.js"></script>
    <!--<link href="/stylesheets/main.css" rel="stylesheet"/>-->
    <link rel="stylesheet" href="/validform/demo/css/style.css" type="text/css" media="all" />
    <link href="/validform/demo/css/demo.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" src="/validform/validform.js"></script>
    <!--<script type="text/javascript" src="/javascripts/ajaxfileupload.js"></script>-->

    <!-->
    <!--<script type="text/javascript" src="/ueditor/ueditor.config.js"></script>-->
    <!--<script type="text/javascript" src="/ueditor/ueditor.all.js"></script>-->
    <script src="/javascripts/bootstrap.js"></script>
    <script src="/My97DatePicker/WdatePicker.js"></script>
    <!--<script src="/javascripts/bootstrap-paginator.min.js"></script>-->
    <!--<script type="text/javascript" src="/validform/validform.js"></script>-->
    <script>
        $(function () {

            $("#<%- menu %>").addClass('selected2');
        })
    </script>
</head>


<body class="test" style="padding-bottom: 0px;min-width: 1250px;background-color: #f1f1f1">

<div class="navbar navbar-fixed-top" style="margin-bottom: 0px;">


    <div style="background-color: #000000;color: white;padding: 10px;">
        <% if(!user){%>
        <form style="display: inline" action="/login" method="post">
            <span style="margin-left: 10%">用户名&nbsp;&nbsp;&nbsp;<input type="text" style="padding: 0px;margin: 0px;width: 10%" name="name"></span>
            <span style="margin-left: 3%">密码&nbsp;&nbsp;&nbsp;<input type="password" style="padding: 0px;margin: 0px;width: 10%" name="password"></span>
            <input style="margin-left: 2%;margin-top: 0px" type="submit" class="btn btn-info btn-small" value="登陆">

        </form>
        <a style="color: white;margin-left: 2%;" href="/reg">注册</a>
        <form style="display:inline;width: 30%" action="/search" method="get">
            <input style="float:right;margin-right: 10%;margin-top: 0px" type="submit" value="搜索" class="btn btn-small btn-success">
            <input type="text" name="keyword" style="padding: 0px;margin: 0px;width: 10%;margin-left: 22%;">
        </form>
        <%}else{%>
             <span style="margin-left: 10%;">欢迎回来，<%= user.Users_Username%></span>
              <a href="/logout" style="margin:0px;color: white;margin-left: 3%;margin: 20px">注销</a>
            <form style="display:inline;width: 30%" action="/search" method="get">
                <input type="text" name="keyword" style="padding: 0px;margin: 0px;width: 10%;margin-left: 49%;">
                <input style="margin-left:3%;margin-top: 0px" type="submit" value="搜索" class="btn btn-small btn-success">
            </form>
        <%}%>


    </div>

</div>
<div id="container" class="container" style="position: relative">
    <% if (success) { %>
    <div id="warn1" class="alert alert-success" style="position:fixed;top: 45px;width:83%;z-index: 100">
        <!--<button style="margin-top: 5px" type="button" class="close" data-dismiss="alert">&times;</button>-->
        <h4><%= success %></h4>
    </div>
    <% } %>
    <% if (error) { %>
    <div id="warn2" class="alert alert-error" style="position:fixed;top: 45px;width:83%;z-index: 100">
        <!--<button style="margin-top: 5px" type="button" class="close" data-dismiss="alert">&times;</button>-->
        <h4><%= error %></h4>
    </div>
    <% } %>

    <script>
        setTimeout(function () {
            $("#warn1").fadeOut();
            $("#warn2").fadeOut();
        }, 4000)
    </script>
    <% Date.prototype.format = function (fmt) { //author: meizz
        var o = {
            "M+": this.getMonth() + 1, //月份
            "d+": this.getDate(), //日
            "h+": this.getHours(), //小时
            "m+": this.getMinutes(), //分
            "s+": this.getSeconds(), //秒
            "q+": Math.floor((this.getMonth() + 3) / 3), //季度
            "S": this.getMilliseconds() //毫秒
        };
        if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
        for (var k in o)
            if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
        return fmt;

    } %>
</div>
<div style="background-color: #f1f1f1;margin-bottom: 20px">
    <div style="margin-left: 10%;margin-right: 10%">
        <img src="/images/title.jpg" width="100%">

        <div style="background-color: #8b0e12;height: 50px;min-width: 1050px">
            <div class="nav" style="padding-left: 5%;width: 1200px">
                <ul>
                    <li  class="drop-menu-effect"><a id="menu1" href="/" ><span>首页</span></a></li>
                    <li  class="drop-menu-effect"><a id="menu2"href="/showupload?id=1"><span>培训动态</span></a>
                        <ul class="submenu">
                            <% pxdt.forEach(function(data, index){ %>
                            <li><a style="padding-left: 6px;" href="/showupload?id=<%= data.WebColumn_ID%>"
                                   ><%= data.WebColumn_Name %></a></li>
                            <% }) %>
                        </ul>
                    </li>
                    <li class="drop-menu-effect"><a id="menu3" href="/showupload?id=10"><span>培训资讯</span></a></li>
                    <li class="drop-menu-effect"><a id="menu4" href="/onlineLearn"><span>在线学习</span></a></li>
                    <li class="drop-menu-effect"><a id="menu5" href="http://172.16.8.163:81" target="_blank"><span>大师之家</span></a>
                    </li>
                    <li class="drop-menu-effect"><a id="menu6" href="/showupload?id=11"><span>政策文件</span></a>
                        <ul class="submenu">
                            <% zcwj.forEach(function(data, index){ %>
                            <li><a style="padding-left: 6px;"  href="/showupload?id=<%= data.WebColumn_ID%>"
                                   ><%= data.WebColumn_Name %></a></li>
                            <% }) %>
                        </ul>
                    </li>
                    <li class="drop-menu-effect"><a id="menu7" href="/courseware"><span>课件超市</span></a></li>
                    <li class="drop-menu-effect"><a id="menu8"><span>培训机构</span></a>
                        <ul class="submenu">
                            <% pxjg.forEach(function(data, index){ %>
                            <li><a style="padding-left: 6px;"  href="<%= data.TrainingOrganization_Link %>"
                                   target="_blank"><%= data.TrainingOrganization_Name %></a></li>
                            <% }) %>
                        </ul>
                    </li>
                    <li class="drop-menu-effect"><a id="menu9" href="/personStyle"><span>人才风采</span></a>
                    </li>
                    <li class="drop-menu-effect"><a id="menu9" href="/message"><span>留言板</span></a>
                    </li>
                    <li class="drop-menu-effect"><a id="menu10" href="http://172.16.8.163:100/" target="_blank"><span>培训管理</span></a></li>
                    <li class="drop-menu-effect"><a id="menu11" href="<%= url+'/Admin/login.aspx'%>" target="_blank"><span>网站管理</span></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<script>
    function dropMenu(obj) {
        $(obj).each(function () {
            var theSpan = $(this);
            var theMenu = theSpan.find(".submenu");
            var tarHeight = theMenu.height();
            theMenu.css({height: 0, opacity: 0});
            var t1;

            function expand() {
                clearTimeout(t1);
                theSpan.find('a').addClass("selected");
                theMenu.stop().show().animate({height: tarHeight, opacity: 1}, 200);
            }

            function collapse() {
                clearTimeout(t1);
                t1 = setTimeout(function () {
                    theSpan.find('a').removeClass("selected");
                    theMenu.stop().animate({height: 0, opacity: 0}, 200, function () {
                        $(this).css({display: "none"});
                    });
                }, 250);
            }

            theSpan.hover(expand, collapse);
            theMenu.hover(expand, collapse);
        });
    }
    $(document).ready(function () {

        dropMenu(".drop-menu-effect");

    });
</script>
